<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.box8{
				width: 120px;
				height: 75px;
				background-color: gold;
				border-radius: 50%;
			}
			.box9{
				margin-left: 30px;
				width: 150px;
				height: 100px;
				background: #FFD700;
				border-top-left-radius: 100px 90px;
				border-top-right-radius: 200px 100px;
				border-bottom-left-radius: 100px 90px;
				border-bottom-right-radius: 200px 100px;
			}
			.box10{
				width: 0px;
				height: 0px;
				border-left: 50px solid #FFFF00;
				border-right: 50px solid white;
				border-bottom: 50px solid #FFFF00;
				border-top: 50px solid #FFFF00;
				border-bottom-right-radius: 50%;
				border-bottom-left-radius: 50%;
				border-bottom-width: 50%;
				border-top-left-radius: 50%;
				border-top-right-radius: 50%;
			}
		</style>
	</head>
	<body>
		<div class="box8"></div>
		<div class="box9"></div>
		<div class="box10"></div>
	</body>
</html>
